<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Document</title>
  </head>
  <body>
    <input id="file" type="file" />
    <button id="upload">上传</button>
    <script src="https://gosspublic.alicdn.com/aliyun-oss-sdk-6.18.0.min.js"></script>
    <script>
      const client = new OSS({
        // yourRegion填写Bucket所在地域。以华东1（杭州）为例，yourRegion填写为oss-cn-hangzhou。
        region: "oss-cn-beijing",
        // 从STS服务获取的临时访问密钥（AccessKey ID和AccessKey Secret）。
        accessKeyId: "LTAI5tBWSfGYWw9cveErF9iU",
        accessKeySecret: "eUPnw9SrEgFpbxyZDBKfYckToZuAQN",
        // 从STS服务获取的安全令牌（SecurityToken）
        //stsToken:"CAIS4QJ1q6Ft5B2yfSjIr5WEKsv1o45A56OTT0eC1XYZWMV12vfKqDz2IHhMeXFgCe4YtPw/n2BV6/oTlrJaT55UWErjVvBM6Zda9yysZYfbstCy94YDjJD92rgBqP2hjqHoeOzcYI73WJXEMiLp9EJaxb/9ak/RPTiMOoGIjphKd8keWhLCAxNNGNZRIHkJyqZYTwyzU8ygKRn3mGHdIVN1sw5n8wNF5L+439eX52i17jS46JdM/NmvfMH7P5k9Yc4mCY3s5oEsKPqdihw3wgNR6aJ7gJZD/Tr6pdyHCzFTmU7ea7eMoo0xclUhNvNqRvMY/eKPnPl5q/HVkJ/s1xFOMOdaXiLSXom8x9HeH+ekJgu/hGVw6ainOLmuQXqV22tMCRpzXIjKLcqxNqCJcSM2vDfgKKGZ9mYYnmvMsFB9KUjXHFeYDpwlJDdr1rl+mnhQu81iWeDXF6hDbHbl4F5KL8duGxqAAZgsDt37R+uCuMn5FXGbFpQqzmDqWK+t3iyqrSZGcuacrVGt/ji9PAySGUE2sjK2aTmk7KG/9DMXwLwANyfw8JpToFOMi+tgfoWqMUDXQT+8xY/L2oOZeffv7MwVdojCxiQJ2F7PR9OVf3jla2bx2iY745b+2EfnXh0hp7PEArN8IAA=",
        // 填写Bucket名称。
        bucket: "zddsc",
      });

      // 从输入框获取file对象，例如<input type="file" id="file" />。
      let data;
      // 创建并填写Blob数据。
      //const data = new Blob(['Hello OSS']);
      // 创建并填写OSS Buffer内容。
      //const data = new OSS.Buffer(['Hello OSS']);

      const upload = document.getElementById("upload");

      async function putObject(data) {
        try {
          // 填写Object完整路径。Object完整路径中不能包含Bucket名称。
          // 您可以通过自定义文件名（例如exampleobject.txt）或文件完整路径（例如exampledir/exampleobject.txt）的形式实现将数据上传到当前Bucket或Bucket中的指定目录。
          // data对象可以自定义为file对象、Blob数据或者OSS Buffer。
          const options = {
            meta: { temp: "demo" },
            mime: "json",
            headers: { "Content-Type": "text/plain" },
          };
          const result = await client.put(data.name, data);
          console.log(result);
          const url = client.signatureUrl(data.name);
console.log(url);
        } catch (e) {
          console.log(e);
        }
      }

      upload.addEventListener("click", () => {
        const data = file.files[0];
        putObject(data);
      });
    </script>
  </body>
</html>